<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title data-config="software.displayName">Automation Tools Platform - 自动化工具平台</title>
    <meta name="description" content="Automation Tools Platform 是一款桌面自动化工具，提供高效、稳定的自动化解决方案。" data-config="software.description">
    <meta name="keywords" content="自动化工具,桌面应用,效率工具,Automation Tools Platform" data-config="software.keywords">
    <link rel="icon" type="image/x-icon" href="data:image/svg+xml,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 100 100'><text y='.9em' font-size='90'>⚡</text></svg>">
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0/css/all.min.css">
    <link rel="stylesheet" href="styles.css">
</head>
<body>
    <!-- 导航栏 -->
    <nav class="navbar">
        <div class="nav-container">
            <div class="nav-logo">
                <i class="fas fa-cogs"></i>
                <span data-config="software.name">Automation Tools Platform</span>
            </div>
            <ul class="nav-menu">
                <li><a href="#home">首页</a></li>
                <li><a href="#download">下载</a></li>
                <li><a href="#about">关于</a></li>
            </ul>
            <div class="nav-toggle">
                <span></span>
                <span></span>
                <span></span>
            </div>
        </div>
    </nav>

    <!-- 主页面 -->
    <section id="home" class="hero">
        <div class="hero-container">
            <div class="hero-content">
                <h1 class="hero-title">
                    <span class="gradient-text" data-config="ui.hero.title">定制的自动化工具</span><br>
                    <span data-config="ui.hero.subtitle">提升工作效率</span>
                </h1>
                <p class="hero-description" data-config="ui.hero.description">
                    Automation Tools Platform 是一款桌面端的自动化工具应用，为提升工作效率而设计。
                    通过自动化流程，让日常工作变得更加简单高效。
                </p>
                <div class="hero-buttons">
                    <a href="#download" class="btn btn-primary">
                        <i class="fas fa-download"></i>
                        立即下载
                    </a>
                    <a href="#about" class="btn btn-secondary">
                        <i class="fas fa-info-circle"></i>
                        了解更多
                    </a>
                </div>
                <div class="hero-stats">
                    <div class="stat">
                        <span class="stat-number" data-config="software.version"></span>
                        <span class="stat-label">最新版本</span>
                    </div>
                </div>
            </div>
            <div class="hero-image">
                <div class="app-mockup">
                    <div class="mockup-window">
                        <div class="window-header">
                            <div class="window-controls">
                                <span class="control close"></span>
                                <span class="control minimize"></span>
                                <span class="control maximize"></span>
                            </div>
                            <div class="window-title" data-config="software.name">Automation Tools Platform</div>
                        </div>
                        <div class="window-content">
                            <div class="app-interface">
                                <div class="sidebar">
                                    <div class="sidebar-item active">
                                        <i class="fas fa-home"></i>
                                        <span>GPO</span>
                                    </div>
                                    <div class="sidebar-item">
                                        <i class="fas fa-robot"></i>
                                        <span>RPA</span>
                                    </div>
                                    <div class="sidebar-item">
                                        <i class="fas fa-chart-bar"></i>
                                        <span>文件处理</span>
                                    </div>
                                    <div class="sidebar-item">
                                        <i class="fas fa-cog"></i>
                                        <span>数据处理</span>
                                    </div>
                                </div>
                                <div class="main-content">
                                    <div class="dashboard-cards">
                                        <div class="card">
                                            <div class="card-icon">
                                                <i class="fas fa-tasks"></i>
                                            </div>
                                            <div class="card-info">
                                                <h3>Tasks</h3>
                                                <p>12</p>
                                            </div>
                                        </div>
                                        <div class="card">
                                            <div class="card-icon">
                                                <i class="fas fa-clock"></i>
                                            </div>
                                            <div class="card-info">
                                                <h3>Saved</h3>
                                                <p>2.5 hours</p>
                                            </div>
                                        </div>
                                    </div>
                                </div>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 关于 -->
    <section id="about" class="about">
        <div class="container">
            <div class="about-content">
                <div class="about-text">
                    <h2 data-config="ui.about.title">关于 Automation Tools Platform</h2>
                    <p data-config="ui.about.description">
                        Automation Tools Platform 是一款专为提升工作效率而开发的自动化工具平台。
                        利用继承各种插件来实现用户各式各样的需求。
                        帮助个人和公司内部简化复杂的工作及工作流程。
                    </p>
                    <div class="contact-info">
                        <h4>Contact Information</h4>
                        <div class="contact-item">
                            <i class="fas fa-envelope"></i>
                            <span>Glenn.Gao@sgs.com</span>
                        </div>
                        <!-- <div class="contact-item">
                            <i class="fas fa-globe"></i>
                            <span>www.automationtools.com</span>
                        </div> -->
                    </div>
                </div>
                <div class="about-image">
                    <div class="about-illustration">
                        <div class="illustration-circle">
                            <i class="fas fa-cogs"></i>
                        </div>
                        <div class="floating-elements">
                            <div class="element element-1">
                                <i class="fas fa-robot"></i>
                            </div>
                            <div class="element element-2">
                                <i class="fas fa-chart-bar"></i>
                            </div>
                            <div class="element element-3">
                                <i class="fas fa-cog"></i>
                            </div>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 下载区域 -->
    <section id="download" class="download">
        <div class="container">
            <div class="download-content">
                <div class="download-info">
                    <h2>立即下载</h2>
                    <!-- <p>开始您的自动化之旅</p> -->
                    <div class="version-info">
                        <div class="version-badge">
                            <i class="fas fa-tag"></i>
                            <span data-config="software.version">v0.1.1</span>
                        </div>
                        <div class="file-info">
                            <i class="fas fa-file"></i>
                            <span>Windows 安装包</span>
                        </div>
                        <div class="file-info">
                            <i class="fas fa-file"></i>
                            <span>Windows 压缩包</span>
                        </div>
                    </div>
                    <div class="system-requirements">
                        <h4>系统要求：</h4>
                        <ul data-config="system.requirements">
                            <li>Windows 10 或更高版本</li>
                            <li>4GB RAM (推荐 8GB)</li>
                            <li>500MB 可用磁盘空间</li>
                            <li>pyhton/nodejs 环境(可后期配置)</li>
                        </ul>
                    </div>
                </div>
                <div class="download-action">
                    <div class="download-buttons">
                        <button id="download-btn" class="btn btn-download btn-primary-download" data-config-url="downloads.installer.url" data-config-filename="downloads.installer.filename">
                            <i class="fas fa-download"></i>
                            <span>下载安装包</span>
                            <small data-config="downloads.installer.description">v0.1.1 for Windows (.exe)</small>
                        </button>
                        <button id="download-zip-btn" class="btn btn-download btn-primary-download" data-config-url="downloads.portable.url" data-config-filename="downloads.portable.filename">
                            <i class="fas fa-file-archive"></i>
                            <span>下载压缩包</span>
                            <small data-config="downloads.portable.description">v0.1.1 for Windows (.zip)</small>
                        </button>
                    </div>
                    <p class="download-note">
                        点击下载即表示您同意我们的
                        <a href="#terms">使用条款</a> 和 <a href="#privacy">隐私政策</a>
                    </p>
                    <div class="download-stats">
                        <!-- <div class="stat-item">
                            <i class="fas fa-download"></i>
                            <span>总下载量: <strong id="total-downloads">1,234</strong></span>
                        </div> -->
                        <div class="stat-item">
                            <i class="fas fa-calendar"></i>
                            <span>最后更新: 2025年9月15日</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </section>

    <!-- 页脚 -->
    <footer class="footer">
        <div class="container">
            <div class="footer-content">
                <div class="footer-section">
                    <div class="footer-logo">
                        <i class="fas fa-cogs"></i>
                        <span data-config="software.name">Automation Tools Platform</span>
                    </div>
                    <p>自动化工具平台</p>
                </div>
                <div class="footer-section">
                    <h4>Product</h4>
                    <ul>
                        <li><a href="#download">下载</a></li>
                        <li><a href="#docs">文档</a></li>
                        <li><a href="#support">支持</a></li>
                    </ul>
                </div>
                <div class="footer-section">
                    <h4>Information</h4>
                    <ul>
                        <li><a href="#about">关于</a></li>
                        <li><a href="#about">联系</a></li>
                    </ul>
                </div>
                <!-- <div class="footer-section">
                    <h4>法律</h4>
                    <ul>
                        <li><a href="#terms">使用条款</a></li>
                        <li><a href="#privacy">隐私政策</a></li>
                        <li><a href="#cookies">Cookie政策</a></li>
                    </ul>
                </div> -->
            </div>
            <!-- <div class="footer-bottom">
                <p>&copy; 2025 Automation Tools Platform. 保留所有权利。</p>
            </div> -->
        </div>
    </footer>

    <script src="script.js"></script>
</body>
</html>